<h2>Todos in Angular 4</h2>

<todo-input (create)="onCreate($event)"></todo-input>

<ul>
  <todolist-item *ngFor="let todo of todos$|async; trackBy: trackByTodo" [todo]="todo"
                 (complete)="onComplete($event)"
                 (delete)="onDelete($event)"
                 [@shrinkOut]="'in'">
  </todolist-item>
</ul>

<md-button-toggle-group (change)="toggleFilter($event)" [value]="filterName">
  <md-button-toggle *ngFor="let action of filterActions" [value]="action">
    {{action}}
  </md-button-toggle>
</md-button-toggle-group>

<ul>
  <li>Angular 2</li>
  <li>Angular 2 Material</li>
  <li>ImmutableJS</li>
  <li>rxjs</li>
  <li>ngrx</li>
</ul>
